<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page   contentType="text/html;charset=UTF-8" language="java" %>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" />
	<link rel="stylesheet" href="<%=path%>/css/Site.css" />
	<link rel="stylesheet" href="<%=path%>/css/zy.all.css" />
	<link rel="stylesheet" href="<%=path%>/css/font-awesome.min.css" />
	<link rel="stylesheet" href="<%=path%>/css/amazeui.min.css" />
	<link rel="stylesheet" href="<%=path%>/css/admin.css" />
	<style>
		.search {
			padding:10px 0;
		}
		#sform {
			position:relative;
			width:600px;
			margin-top: 10px;
			margin-bottom: 30px;
		}

		#search {
			width:100%;
			height:42px;
			padding-left:13px;
			border-radius: 5px;
		}
		#btn_search {
			height:42px;
			width:80px;
			cursor:pointer;
			position:absolute;
		}
		.bar #btn_search {
			border:2px solid #4F99C6;
			border-radius:5px;
			background:transparent;
			top:0;
			right:0;
		}
		.bar #btn_search {
			background:#4F99C6;
			border-radius:0 5px 5px 0;
			width:100px;
			top:0;
			right:0;
		}
		.bar #btn_search:before {
			content:"搜索";
			font-size:15px;
			color:#F9F0DA;
		}
	</style>
<body>
<div class="dvcontent">

	<div>
		<!--tab start-->
		<div class="tabs">
			<div class="hd">
				<ul style="">
					<li style="box-sizing: initial;-webkit-box-sizing: initial;" class="" ><a style="color:white; text-decoration: none;" href="<%=path%>/news/listAll">查看新闻</a></li>
					<li  style="box-sizing: initial;-webkit-box-sizing: initial;"class="on">添加新闻</li>
				</ul>
			</div>

			<div class="bd">

				<ul class="theme-popbod dform" >
					<%--<div class="am-cf admin-main" style="padding-top: 0px;">--%>
					<!-- content start -->

					<div class="am-cf admin-main" style="padding-top: 0px;">
						<!-- content start -->
						<div class="admin-content">
							<div class="admin-content-body">

								<div class="am-g">
									<div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">

									</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4"
										 style="padding-top: 30px;">
										<form class="am-form am-form-horizontal"
											  action="<%=path%>/news/add" method="post">

											<div class="am-form-group">
												<label for="user-name" class="am-u-sm-3 am-form-label">
													类别</label>
												<div class="am-u-sm-9">
													<select class="form-control" name="category" id="cate">
														<%--<c:forEach items="${newsList}" var="news">--%>
														<%--<option value="${news.newsId}" selected>${news.category}</option>--%>
														<%--</c:forEach>--%>
													</select>
												</div>
											</div>
											<div class="am-form-group">
												<label for="user-name" class="am-u-sm-3 am-form-label">
													标题</label>
												<div class="am-u-sm-9">
													<input type="text"  required
														   name="title">
												</div>
											</div>
											<div class="am-form-group">
												<label for="user-name" class="am-u-sm-3 am-form-label">
													图片</label>
												<div class="am-u-sm-9">
													<input type="text"  required
														   name="photo">

												</div>
											</div>
											<div class="am-form-group">
												<label for="user-name" class="am-u-sm-3 am-form-label">
													内容</label>
												<div class="am-u-sm-9">
													<input type="text"  required
														   name="body">

												</div>
											</div>
											<div class="am-form-group">
												<div class="am-u-sm-9 am-u-sm-push-3">
													<input type="submit" class="am-btn am-btn-success" style="margin-top: 30px; margin-left: 40%; margin-bottom: 10px;" value="提交" />
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>

						</div>
						<!-- content end -->
					</div>
					<!-- end-->
				</ul>
			</div>
		</div>
		<!--tab end-->

	</div>

	<script src="<%=path%>/js/jquery-3.6.0.js" type="text/javascript"></script>
	<script src="<%=path%>/js/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="<%=path%>/js/plugs/Jqueryplugs.js" type="text/javascript"></script>
	<script src="<%=path%>/js/_layout.js"></script>
	<script src="<%=path%>/js/plugs/jquery.SuperSlide.source.js"></script>
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="<%=path%>/js/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="<%=path%>/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=path%>/js/alert.min.js"></script>
	<script>

        $(function () {
            $("#cate").append("<option selected='selected'>--请选择类别--</option>")
            $.ajax({
                method:"POST",
                url:"/selection/news/getAll",
                dataType: "json",
                success: function (data) {
                    for (var i=0;i<data.length;i++){
                        $("#cate").append("<option value='"+ data[i].category +"'>"+ data[i].category +"</option>")
                    }
                }
            })
        })

        function delCollege(collegeId) {
            $.confirm('确认要删除吗？', function (isConfirm) {
                if (isConfirm) {
                    //$.alert('确认');
                    window.location.href ="<%=path%>/college/delete?collegeId="+collegeId;
                } else {
                    //$.alert('取消');
                }
            });
        }
        function delAllCollege() {
            $.confirm('确认要删除吗？', function (isConfirm) {
                if (isConfirm) {
                    document.getElementById("form1").submit();
                } else {
                    //$.alert('取消');
                }
            });
        }

        document.getElementById("selectAll").onclick=function(){
            var cbs=document.getElementsByName("chkIds");
            //遍历下面所有的选项
            for(var i=0;i<cbs.length;i++){
                //设置cbs[i].checked的状态与第一个firstcb.checked相同
                cbs[i].checked=this.checked;
            }
        }
	</script>

</div>
</body>

</html>